<template lang="pug">
  el-input.normal-search-input(:placeholder="placeholder" style="max-width: 350px;" :value="value" @input="$emit('input', $event)" ref="input" @keyup.native.13="$emit('search', $refs.input.$refs.input.value)")
    i.el-input__icon.el-icon-search(slot="suffix" @click="$emit('search', $refs.input.$refs.input.value)" )
</template>

<script>
export default {
  name: 'normal-search-input',
  props: ['placeholder', 'value'],
  methods: {}
}
</script>

<style lang="scss">
  .normal-search-input {
    input {
      border-color: #eeeeee;

    }

    .el-icon-search {
      cursor: pointer;
    }
  }

</style>
